<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户中心-安全验证</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/comm.css" />
		<style type="text/css">
			@media (min-width:769px ) {
				html {height: 100%;}
				body{height: 100%;}
				.box_height{height: 100%;}
			}
			@media (min-height:812px ) {
				html {height: 100%;}
				body{height: 100%;}
				.box_height{height: 100%;}
			}
			.btyzhm{background-color: #c4267a;padding: 6px 9px;border-radius: 3px;position: relative;float: right;top: -7px;font-size: 14px;}
		</style>
	</head>
	<body>
			<div class="container-fluid box_height" style="background-color: #434273;">
			<div class="fakeloader"></div>
			<div class="row hao " style="background-color: #383961;">
				<div class="hao_div">
					<div class="col-lg-5 col-md-5 col-xs-5 col-sm-5 animated slideInDown" style="padding: 0;">
						<div class="logo_ck" style="padding-left: 10px;">
							<img class="logo" src="img/logo.png" /><span class="ck"> CK</span>
						</div>
					</div>
					<div class="col-lg-7 col-md-7 col-xs-7 col-sm-7 caid animated slideInDown"><img id="caid" src="img/cai.png" /></div>
					<div class="col-lg-7 col-md-7 caid1 animated slideInDown dhl_dh" style="height: 60px;">
						<ul class="dtlul" style="color: #fff;">
							<li class="shybj">
								<a href="index.html" >首页</a>
							</li>
							<li id="dhl">
								<a href="core.html">交易中心</a>
							</li>
							<li id="dhl1">
								<a href="entrust.html" >委托</a>
							</li>
							
							<li id="dhl2">
								<a href="security.html" style="color: #d51e87;">用户中心</a>
							</li>
							<li id="dhl3">
								<a href="news.html">资讯</a>
							</li>
							<li id="switch" class="switch1"><span class="yuy">简体</span> <span class="xiab"> ﹀</span>
								<div class="switch">					
									<input id="ft" type="button" value="繁体" onclick="zh_tran('t');" />
									<input id="jt" type="button" value="简体" onclick="zh_tran('s');" />
									<input id="yw" type="button" value="English" />
								</div>
							</li>
							<li id="dhl4">
								<div class="tx_div"><img src="img/txiang.png"/></div>
								<a href="">账号名</a>
							</li>
						</ul>
					</div>
					<div class="heip">
						<div class="text-right">
							<div class="dax"><img style="width: 30px" src="img/xx1.png" /></div>
						</div>
					</div>
					<div class="show_dhl">
						<ul class="dtlu2">
							<li class="shybj">
								<a href="index.html">首&nbsp;&nbsp;&nbsp;页</a>
							</li>
							<li id="dhl" class="shybj">
								<a href="core.html">交易中心</a>
							</li>
							<li id="dhl1" class="shybj">
								<a href="">委托管理</a>
							</li>
							
							<li id="dhl2" class="shybj">
								<a href="">用户中心</a>
							</li>
							<li id="dhl3" class="shybj">
								<a href="news.html">资&nbsp;&nbsp;&nbsp;讯</a>
							</li>
							<li class="shybj"><span id="switch1">简体 <span class="xiab">﹀</span></span>
							</li>
							<li class="shybj" id="dhl4">
								
								<a href="">账号名</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			
			<div class="container-fluid" style="max-width: 1058px;">
				<div class="row">
					<div class="col-lg-12 col-xs-12 col-md-12 col-sm-12" style="padding: 0;">
						<div style="padding: 12px 0px;background-color: #4c4c7b; padding-bottom: 32px;">
							<div class="xiasid" style="border-bottom: 1px solid #555480;">
								
								<div class="option_box op_div">
									
									<div><a class="cor" href="user.html">个人财务</a></div>
									<div><a class="cor" href="identity.html">身份验证</a></div>
									<div style="border-bottom: 2px solid #ab2984;"><a class="cor tihs" href="security.html">安全验证</a></div>
									<div><a class="cor"  href="verification.html">登录密码</a></div>
								</div>
							</div>
							
							<div style="color: #eaeaef;" class="div_total">
								<div>
									<div class="jmm_box">
										<span class="jmm">账号</span>
										<input class="jmm_inp" type="text" name="" value=""  placeholder="请输入账号" />
										
									</div>
								</div>								
							</div>
							<br />
							<div style="color: #eaeaef;" class="div_total">
								<div>
									<div class="jmm_box">
										<span class="jmm jmmwid">安全密码</span>
										<input class="jmm_inp pass1" maxlength="20" type="password" name="" value="" placeholder="请输入安全密码" />
										<img class="ver_yj btn1" src="img/mmo.png"/>
									</div>
								</div>								
							</div>
							<br />
							<div style="color: #eaeaef;" class="div_total">
								<div>
									<div class="jmm_box">
										<span class="jmm jmmwid">确认密码</span>
										<input class="jmm_inp pass2" maxlength="20" type="password" name="" value="" placeholder="请重新输入安全密码" />
										<img class="ver_yj btn2" src="img/mmo.png"/>
									</div>
								</div>								
							</div>
							<br />
							<div style="color: #eaeaef;" class="div_total">
								<div>
									<div class="jmm_box">
										<span class="jmm jmmwid">图片验证码</span>
										<input maxlength="6" class="jmm_inp" type="text" name="" value="" placeholder="请输入图片验证码" />
										<img class="ver_yj yzhma" src="img/ou99.png"/>
									</div>
								</div>								
							</div>
							<br />
							<div style="color: #eaeaef;" class="div_total">
								<div>
									<div class="jmm_box">
										<span class="jmm jmmwid">短信验证码</span>
										<input maxlength="6" class="jmm_inp" type="text" name="" value="" placeholder="请输入短信验证码" />
										<!--<a href=""><img class="ver_yj yzhma" src="img/duanx.png"/></a>-->
										<input class="btyzhm " type="button" id="btn" value="获取验证码" style="border: 1px solid #fff;"/>
									</div>
								</div>								
							</div>
							<br />
							<br />
							<div style="padding-left: 52px;">
							<a class="tja" href="">	<button class="btn_yj">提交</button></a>
							</div>						
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.11.0.min.js"></script>		
		<script src="js/font.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/comm.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>	
		<script src="js/fakeLoader.min.js"></script>
		<script src="test/lib/esl.js"></script>
			<script type="text/javascript">
				var wait=60;
				function time(o) {
				        if (wait == 0) {
				            o.removeAttribute("disabled");           
				            o.value="获取验证码";
				            wait = 60;
				        } else {
				            o.setAttribute("disabled", true);
				            o.value="重新发送(" + wait + ")";
				            wait--;
				            setTimeout(function() {
				                time(o)
				            },
				            1000)
				        }
				    }
			document.getElementById("btn").onclick=function(){time(this);}
		</script>
	</body>
</html>

